import {
    StyleSheet,
    Dimensions
} from 'react-native';
let {width, height} = Dimensions.get('window');
import theme from '../../config/theme';
const styles = StyleSheet.create({

    inputBg: {
        marginTop: 72.5,
        alignItems: 'center'
    },

    headView: {
        justifyContent: 'center',
        marginLeft: 20,
        marginRight: 20,
        marginBottom: 20,
        flexDirection: 'column',
        alignItems: 'center'
    },

    imageStyle: {width: 80, height: 80},

    inputItem: {
        height: 50,
        width: width - 100,
        flexDirection: 'row',
        paddingTop: 10,
        paddingBottom: 10,
        alignItems: 'center'
    },
    inputLine: {
        height: 1,
        width: width - 100,
        backgroundColor: theme.maincolor,
        marginBottom: 10
    },
    inputStyle: {
        flex: 1,
        padding: 0,
        marginLeft: 8,
        marginTop: 2,
        marginBottom: 2,
        marginRight: 8
    },

    btnViewStyle: {
        width: width - 100,
        height: 40,
        padding: 10,
        borderRadius: 20,
        backgroundColor: theme.maincolor,
        flexDirection: 'row',
        marginBottom: 10,
        alignItems: 'center',
        justifyContent: 'center'
    },

    loginBtnStyle: {
        color: '#fff',
        fontSize: 15
    },

    bottomViewStyle: {
        marginVertical: 17.5,
        justifyContent: 'center',
        flexDirection: 'row',
        alignItems: 'center'
    }

});

export default styles;
